eugen

A minimalist living documentation tool for Design Systems

WatchStar

Examples used here:

.cover-tabs

Contains some basic tabs.

Component preview

The title

<div class="cover-tabs">
 <div class="content">
  <p class="cover-tabs__title">
   The title
  </p>
  <ul class="cover-tabs__nav">
   <li>
    <a class="cover-tabs__nav-item" href="#">
     An item
    </a>
   </li>
   <li>
    <a class="cover-tabs__nav-item" href="#">
     Another item
    </a>
   </li>
  </ul>
 </div>
</div>

Elements

.cover-tabs__title

Tabs content title.

.cover-tabs__nav

Tabs navigation list.

.cover-tabs__nav-item

Tabs title.